CSS3实战 笔记4-新增的弹性盒模型

• 引入了新的盒模型处理机制，该模型用于决定元素在盒子中的分布方式以及如何处理盒子的可用空间。

• css3 新增了8个属性

  • box-align 定义子元素在盒子内垂直方向上的空间分配方式
  • box-direction 定义盒子的显示顺序
  • box-flex 定义子元素在盒子内的自适应尺寸
  • box-flex-group 定义子元素群组
  • box-lines 定义子元素分列显示
  • box-ordinal-group 定义子元素在盒子内的显示位置
  • box-orient 定义盒子分布的坐标轴
  • box-pack 定义子元素在盒子内水平方向的空间分配方式

实战练习源码